<#-- 画家专题 -->
<style type="text/css">
.painterdetail_duanluo{margin: 0px;padding-left:17px;font-size: 12px;line-height: 25px;}
ul.out{margin: 0px;padding: 0px;}
ul.out li{line-height: 22px;font-size: 12px;margin: 0px;}
</style>
<script type="text/javascript">
	function display_detail(){
		var  display_style = document.getElementById("painter_detail_div").style.display;
		if(display_style == ''){
			document.getElementById("painter_detail_div").style.display = "none";
		}
		else{
			document.getElementById("painter_detail_div").style.display = "";
		}
   }
</script>
<div style="margin: 0 auto;width: 960px;height:250px;background: #ffffff;">

<div style="width: 930px;height: 224px;background: url('${specialSubject.imagepath}') no-repeat;float:left;margin:15px 13px;float:left;display:inline;position:relative;">
		<div style="background:${specialSubject.background_color};filter:alpha(opacity=85);opacity:0.85;width: 595px;height: 224px;float:left;position:absolute;z-index:1;"></div>
		<div style="float: left;width: 595px;height: 224px;position:absolute;left: 0px;top: 0px;z-index:2;">
			<div style="float: left;width: 124px;position:absolute;left: 0px;top: 0px;z-index:3;">
				<div style="margin-top: 20px;background: #ffffff;width: 88px;height: 109px;margin-left: 18px;position:relative;">
					<div style="height: 105px;width: 84px;float: left;position: absolute;left: 2px;top: 2px;">
						<img src="${painter.originalImagePath }" border="0" width="84" height="105"/>
					</div>
				</div>
			</div>
		    <div style="float: left;width: 471px;position:absolute;left: 124px;top: 0px;z-index:3;">
		    	<div style="font-family:幼圆;font-size:36px;margin-top: 16px;color:${specialSubject.title1_color!''} "><b>${specialSubject.title1!''}</b></div>
		    	<div style="font-family:幼圆;font-size:24px;margin-top: 10px;color:${specialSubject.title2_color!''} "><b>${specialSubject.title2!''}</b></div>
		    	<div style="font-size: 12px;margin-top: 10px;color:${specialSubject.description_color!''} ">
		    		<div style="padding-top: 8px;">${specialSubject.description1!''}&nbsp;</div>
		    		<div style="padding-top: 8px;">${specialSubject.description2!''}&nbsp;</div>
		    		<div style="padding-top: 8px;">${specialSubject.description3!''}&nbsp;</div>
		    	</div>
		    	<div style="font-size: 12px;margin-top: 18px;color:${specialSubject.description_color!''} ">
		    		<span style="float: left;"><a style="text-decoration: underline;color:${specialSubject.description_color!''}" href="#" onclick="display_detail()">详细简介</a></span>
		    		<span style="padding-left: 22px;"><a style="text-decoration: underline;color:${specialSubject.description_color!''}"></a></span>
		    	</div>
		    </div>
		    <div style="clear: both;"></div>
	    </div>
	</div>
</div>
<div id="painter_detail_div" style="background: #e0e0e0;display: none;width: 960px;margin: 0 auto;">
	<p class="painterdetail_duanluo">画家：${painter.name }&nbsp;&nbsp;<#if  (painter.zi?exists && painter.zi != '') &&  (painter.hao?exists && painter.hao != '')>
		（<#if painter.zi?exists && painter.zi != ''>字：${painter.zi }</#if>&nbsp;&nbsp;<#if painter.hao?exists && painter.hao != ''>号：${painter.hao }</#if>）</#if>
	</p>
	<p class="painterdetail_duanluo">
		<span>艺术门类：${painter.catalogType.name }</span>
		<span style="padding-left: 25px;">年龄：${painter.age!'' }年生</span>
		<span style="padding-left: 25px;">所在地：<#if painter.provinceInfo?exists>${painter.provinceInfo.name }</#if>&nbsp;&nbsp;<#if painter.cityInfo?exists>${painter.cityInfo.name }</#if></span>
	</p>
	<p class="painterdetail_duanluo">
		<span>毕业院校：${painter.graduatedFrom!'' }</span>
		<span style="padding-left: 25px;">职业/头衔：${painter.honour!'' }</span>
	</p>
	<p class="painterdetail_duanluo">艺术人生：</p>
	<div style="margin: 0px 15px 10px 55px;">${painter.htmlEncode }</div>
	<div style="background: #cdcdcd;text-align: center;height: 30px;line-height: 30px;">
			<img src="${ctx }/images/arrow_up.png" border="0" style="cursor: pointer;" onclick="display_detail()"/>
	</div>
</div>